<script setup>
import { useRoute,useRouter } from 'vue-router';
import CouponManage from './Components/CouponManage.vue';
import SendManage from './Components/SendManage.vue';
import CouponFlow from './Components/CouponFlow.vue';
const activeName = ref('couponManage');
</script>
<template>
    <div class="page-contain">
        <el-tabs v-model="activeName" class="demo-tabs" >
            <el-tab-pane label="优惠券管理" name="couponManage">
                <CouponManage v-if="activeName == 'couponManage'"></CouponManage>          
            </el-tab-pane>
            <el-tab-pane label="发放管理" name="sendManage">
                <SendManage v-if="activeName == 'sendManage'"></SendManage>
            </el-tab-pane>
            <el-tab-pane label="优惠券流水" name="couponDaybook">
                <CouponFlow v-if="activeName == 'couponDaybook'"></CouponFlow>
            </el-tab-pane>
        </el-tabs>


    </div>
</template>
<style lang="less" scoped>
.page-contain{
    width: 100%;
    height: 100%;
}
:deep(.el-tabs__header){
    margin-bottom:0px;
}
</style>